<template>
    <div>
        <!-- 顶部导航 -->
        <van-nav-bar title="售后服务" left-text="返回" @click-left="onClickLeft"  class="leader"  left-arrow>
            <template #right >
               <van-icon name="ellipsis" size='26px' color='#00D6D4' class="pullTab" @click.stop="ShowHidden = !ShowHidden" />
               <Pulltab 
                    v-if="ShowHidden" 
                    @click.stop=""
               />
            </template>
        </van-nav-bar>
        <img src="https://www.160dyf.com/Public/vue2/static/img/success@3x.d7960d5.png" alt="">
        <p>你还没有任何售后数据服务哦!</p>
    </div>
</template>

<script>
    import Pulltab from '../components/Pulltab.vue'
    export default {
        components: {
            Pulltab,
        },
        data() {
            return {
                ShowHidden: false,
            }
        },
        methods: {
            onClickLeft() {
                this.$router.go(-1)
            }
        },
    }
</script>

<style  scoped>
html{
    background: #f5f5f5;
}
::v-deep .van-nav-bar__left i{
    color:#00D6D4;
    font-size: 20px;
}
::v-deep .van-nav-bar__left span,::v-deep .van-nav-bar__title{
    color: #00D6D4;
    font-size: 16px;
}
img{
    width: 200px;
    height: 200px;
    margin:10px auto;
}
p{
    text-align: center;
    font-size: 14px;
    color: #999;
}
</style>